/**
 * 目标1：验证码登录
 * 1.1 在 utils/request.js 配置 axios 请求基地址
 * 1.2 收集手机号和验证码数据
 * 1.3 基于 axios 调用验证码登录接口
 * 1.4 使用 Bootstrap 的 Alert 警告框反馈结果给用户
 */

// 1.2 收集手机号和验证码数据
// 功能不复用，不需要封装
document.querySelector('.btn').addEventListener('click', () => {
  const form = document.querySelector('.login-form');
  const data = serialize(form, {hash: true, empty: true});
  // console.log(data);
  if(data.mobile.length !== 11) {
    myAlert(false, '手机号长度要11位');
    // 前端直接阻塞，不需要传递给后端判断，提高性能
    return;
  }
  if(data.code.length !== 6) {
    myAlert(false, '验证码长度要6位');
    // 前端直接阻塞，不需要传递给后端判断，提高性能
    return;
  }
  
  // 1.3 基于 axios 调用验证码登录接口
  axios({
    url: '/v1_0/authorizations',
    method: 'POST',
    data
  }).then(result => {
    // 1.4 使用 Bootstrap 的 Alert 警告框反馈结果给用户
    // console.log(result);
    myAlert(true, '登陆成功');

    // 登录成功后，保存token并跳转
    localStorage.setItem('token', result.data.token);
    setTimeout(() => {
      location.href = '../content/index.html'; 
    }, 1000);
  }).catch(error => {
    // 1.4 使用 Bootstrap 的 Alert 警告框反馈结果给用户
    // console.dir(error.response.data.message);
    myAlert(false, error.response.data.message);
  })
})
